<template>
	<view class="flex items-center mt-10" @click="handleCheck">
		<view class="w-36">
			<ImageBoxVue v-if="modelValue" src="/static/icons/selected.png" width="36rpx" height="36rpx"></ImageBoxVue>
			<ImageBoxVue v-else src="/static/icons/no_selected.png" width="36rpx" height="36rpx">
			</ImageBoxVue>
		</view>
		<view class="flex items-center text-[#666666] ml-10">
			<text>勾选即代表同意</text>
			<text class="text-[#329EFF]" @click.stop="handleGoAgree(3)">《平台规则》</text>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
	} from 'vue';
	const props = defineProps({
		modelValue: {},
	})
	const emit = defineEmits(['update:modelValue'])
	const handleCheck = () => {
		emit('update:modelValue', !props.modelValue)
	}
	const handleGoAgree = (type) => {
		uni.navigateTo({
			url: `/pages/views/webview?type=${type}`
		})
	}
</script>

<style>
</style>